.container {

  .product-item {
    padding: 0rpx 20rpx 0rpx 0rpx;

    .goods_item {
      display: flex;
      background-color: white;
      border-bottom: 1rpx solid #ccc;
      margin-bottom: 20rpx;
      justify-content: center;
      align-content: center;

      .goods_img_wrap {
        flex: 3;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 200rpx;

        image {
          padding: 5rpx;
          border-radius: 20rpx;
          width: 85%;
        }
      }

      .goods_info_wrap {
        margin-left: -10rpx;
        flex: 4;
        display: flex;
        flex-direction: column;
        justify-content: space-around;

        .goods_name {
          display: flex;

          .title-wrap {
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
          }
        }

        .goods_coupon {
          display: flex;
          justify-content: space-between;
          align-items: center;
          text-align: center;

          .coupon_container {
            flex: 1;

            .coupon_wrap {
              display: flex;
              background-color: red;
              color: white;

              .item1 {
                flex: 2;
                border-right: 1rpx dashed white;
              }

              .item2 {
                flex: 4;
              }
            }
          }

          .commission_wrap {
            text-align: right;
            flex: 3;
          }
        }

        .goods_price {
          display: flex;
          align-content: space-between;
          color: #FF4500;
          font-size: 32rpx;
          font-weight: bold;
        }

        .volume_wrap {
          display: flex;
          //align-content: space-between;
          justify-content: space-between;
          color: #666666;
          font-size: 25rpx;
          //text-align: center;
          .zkFinal_price {
            flex: 1;
          }

          .coupon_sale_num {
            text-align: right;
            flex: 1;
          }
        }
      }
    }

  }

}
